<template>
  <view class="p-2">
    <view class="text-2xl text-center my-3">
      text-opacity
    </view>

    <view class="text-black text-opacity-0">
      text-opacity-0
    </view>

    <view class="text-black text-opacity-5">
      text-opacity-5
    </view>

    <view class="text-black text-opacity-10">
      text-opacity-10
    </view>

    <view class="text-black text-opacity-20">
      text-opacity-20
    </view>

    <view class="text-black text-opacity-30">
      text-opacity-30
    </view>

    <view class="text-black text-opacity-40">
      text-opacity-40
    </view>

    <view class="text-black text-opacity-50">
      text-opacity-50
    </view>

    <view class="text-black text-opacity-60">
      text-opacity-60
    </view>

    <view class="text-black text-opacity-70">
      text-opacity-70
    </view>

    <view class="text-black text-opacity-80">
      text-opacity-80
    </view>

    <view class="text-black text-opacity-90">
      text-opacity-90
    </view>

    <view class="text-black text-opacity-100">
      text-opacity-100
    </view>
  </view>
</template>
